<template>
  <div class="page-container page-container-detail-page">
    <div class="breadcrumb">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item>营销中心</el-breadcrumb-item>
        <el-breadcrumb-item>通用促销</el-breadcrumb-item>
        <el-breadcrumb-item>组合类促销详情</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <!-- 审核弹窗 -->
    <el-dialog title="审核" class="el-dialog-style" :visible.sync="verifyDialogFormVisible" :close-on-click-modal="false">
      <el-form :model="verifyForm" ref="verifyForm" :rules="verifyFormRules">
        <el-form-item prop="auditRemark">
          <el-input v-model="verifyForm.auditRemark" autocomplete="off" type="textarea" rows="6" clearable></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" plain @click="reviewDialogNo(4)" size="mini" class="cancelButton">不通过</el-button>
        <el-button type="primary" @click="reviewDialog(11)" size="mini" class="searchButton">通过</el-button>
      </div>
    </el-dialog>

    <!-- 互斥活动详情 -->
    <el-dialog :visible.sync="mutexPromotionVisible" title="互斥活动详情" width="70%" :close-on-click-modal="false">
      <div>
        <el-table :data="mutexPromotionList" ref="multipleTable" :row-class-name="tableRowClassName"  :size="size">
          <el-table-column prop="promotionCode" width="280" label="互斥活动编码" sortable align="center"></el-table-column>
          <el-table-column prop="promName"  width="150" label="互斥活动名称" align="center">
            <template slot-scope="scope">
              <el-button @click="linkInfoByMutexProduct(scope.row.promotionId,scope.row.promType)" type="text" class="textButton" size="small">{{scope.row.promName}}</el-button>
            </template>
          </el-table-column>
          <el-table-column prop="goodsCategory"  width="350" label="互斥活动时间" align="center">
            <template slot-scope="scope">
                <span>{{scope.row.startTime}} - {{scope.row.endTime}}</span>
              </template>
          </el-table-column>
          <el-table-column prop="storeName" label="活动状态" align="center">
            <template slot-scope="scope">
              <span class="color333 font18" v-if="scope.row.status == 0">待提交</span>
              <span class="color333 font18" v-else-if="scope.row.status == 1">待提交</span>
              <span class="color333 font18" v-else-if="scope.row.status == 2">待审核</span>
              <span class="color333 font18" v-else-if="scope.row.status == 3">未开始</span>
              <span class="color333 font18" v-else-if="scope.row.status == 4">审核不通过</span>
              <span class="color333 font18" v-else-if="scope.row.status == 5">进行中</span>
              <span class="color333 font18" v-else-if="scope.row.status == 6">已过期</span>
              <span class="color333 font18" v-else-if="scope.row.status == 7">已关闭</span>
              <span class="color333 font18" v-else-if="scope.row.status == 8">已结束</span>
              <span class="color333 font18" v-else-if="scope.row.status == 9">活动草稿</span>
            </template>
          </el-table-column>
          <el-table-column prop="creatorName" label="创建人" align="center"></el-table-column>
          <el-table-column prop="deptName"  label="创建组织" align="center"></el-table-column>
        </el-table>
        <!--分页栏-->
        <div class="toolbar t_r">
          <el-pagination
            @size-change="mutexPromotionListSizeChange"
            @current-change="mutexPromotionListCurrentChange"
            :current-page="mutexPromotionForm.start"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="mutexPromotionForm.limit"
            layout="total, sizes, prev, pager, next, jumper"
            :total="mutexPromotionListTotal"
          ></el-pagination>
        </div>
      </div>
      <div slot="footer" class="dialog-footer t_c">
        <el-button type="primary" plain :size="size" @click.native="mutexPromotionVisible = false" class="searchButton">关闭</el-button>
      </div>
    </el-dialog>

    <div class="page-container-detail">
      <p class="pageName">组合类促销详情</p>
      <!--工具栏-->
      <div class="toolbar">
        <el-form :inline="true" :model="filters" :size="size" ref="filters">
          <div style="width: 100%;">
            <el-form-item>
              <span class="color333 font18">活动名称：</span>
              <span class="color333 font18">{{activityData.promName}}</span>
            </el-form-item>
            <el-form-item>
              <span class="color333 font18">活动ID：</span>
              <span class="color333 font18">{{activityData.promotionCode}}</span>
            </el-form-item>
            <el-form-item>
              <span class="color333 font18">当前状态：</span>
              <span class="color333 font18" v-if="activityData.status == 0">待提交</span>
              <span class="color333 font18" v-else-if="activityData.status == 1">待提交</span>
              <span class="color333 font18" v-else-if="activityData.status == 2">待审核</span>
              <span class="color333 font18" v-else-if="activityData.status == 3">未开始</span>
              <span class="color333 font18" v-else-if="activityData.status == 4">审核不通过</span>
              <span class="color333 font18" v-else-if="activityData.status == 5">进行中</span>
              <span class="color333 font18" v-else-if="activityData.status == 6">已过期</span>
              <span class="color333 font18" v-else-if="activityData.status == 7">已关闭</span>
              <span class="color333 font18" v-else-if="activityData.status == 8">已结束</span>
              <span class="color333 font18" v-else-if="activityData.status == 9">活动草稿</span>
            </el-form-item>
          </div>
        </el-form>
        <el-form :inline="true" :model="filters" :size="size" ref="filters">
          <el-row class="search-button">
            <kt-button
               class="searchButton"
              label="提交审核"

              :size="size"
              v-show="(activityData.status==1 || activityData.status==4) && activityData.editFlag"
              @click="submitReview(0)"
            />
            <kt-button
               class="searchButton"
              label="审核"

              :size="size"
              v-show="activityData.status==2 && activityData.editFlag"
              @click="review(1)"
            />
          </el-row>
        </el-form>
      </div>
      <div class="tab-container tab-container-noPadding">
        <el-tabs type="border-card">
          <el-tab-pane label="促销规则">
            <div>
              <form class="form-horizontal">
                <div class="basicInfo">基本信息：</div>

                <div class="form-group">
                  <!--活动名称-->
                  <label
                    class="color333 font16 ml32"
                    ng-show="promotionDetailContent.promotionMethod != 17"
                  >活动名称：</label>
                  <div class="color333">{{activityData.promName}}</div>
                </div>

                <div class="form-group">
                  <label class="color333 font16 ml32">活动时间：</label>
                  <div class="color333">{{activityData.startTime}} 至 {{activityData.endTime}}</div>
                </div>

                <div class="form-group">
                  <label class="color333 font16 ml32">活动搜索词：</label>
                  <div class="color333">{{activityData.searchKeyword}}</div>
                </div>

                <div class="form-group">
                  <label class="color333 font16 ml32">活动费用预算：</label>
                  <div class="color333">{{activityData.budget}} 元</div>
                </div>

                <div class="form-group">
                  <label class="color333 font16 ml32">预警比例：</label>
                  <div class="color333">{{activityData.warningNum}} %</div>
                </div>

                <div class="basicInfo">活动规则：</div>

                <div class="form-group" v-if="false">
                  <!--活动类型(促销类型)-->
                  <label class="color333 font16 ml32">活动类型：</label>
                  <div class="color333">{{getFrontPromType(activityData.frontPromType)}}</div>
                </div>

                <div class="form-group">
                  <label class="color333 font16 ml32">活动类型：</label>
                  <div class="color333">
                    <span
                      v-if="activityData.frontPromType==22"
                    >{{activityData.promotionRules[0].conditionValue}}元任选{{activityData.promotionRules[0].contentValue}}件</span>
                    <span
                      v-if="activityData.frontPromType==23"
                    >任选{{activityData.promotionRules[0].conditionValue}}件付{{activityData.promotionRules[0].contentValue}}件</span>
                  </div>
                </div>

                <div class="form-group flexBox">
                  <label class="color333 font16 ml32 titleText">活动描述：</label>
                  <div class="color333">{{activityData.description}}</div>
                </div>

                <div class="basicInfo">交易规则：</div>

                <div class="form-group" v-if="deptType != 3">
                  <div class="color333 font16 ml32">是否分摊：</div>
                  <div class="color333">
                    <span v-if="activityData.costAllocationFlag == 1">是</span>
                    <span v-if="activityData.costAllocationFlag == 2">否</span>
                  </div>
                  <div class="color333" v-if="activityData.parentAllocationScale">
                    <span>平台比例：</span>
                    <span>{{activityData.parentAllocationScale}}%&nbsp;</span>
                  </div>
                  <div class="color333" v-if="activityData.merchantAllocationScale">
                    <span>商户比例：</span>
                    <span>{{activityData.merchantAllocationScale}}%&nbsp;</span>
                  </div>
                </div>

                <div class="basicInfo">参与条件：</div>

                <div ng-controller="activitiObjDetailCtrl">
                  <div class="form-group">
                    <label class="color333 font16 ml32">新老用户：</label>
                    <div class="color333">
                      <span
                        v-for="(item) in (activityData.proUserType + '').split(',')"
                        :key="item"
                      >{{getProUserType(item)}} &nbsp;</span>
                    </div>
                  </div>

                  <div class="form-group" v-if="activityData.memTypes != null">
                    <label class="color333 font16 ml32">会员类型：</label>
                    <div class="color333">
                      <span
                        v-for="item in (activityData.memTypes + '').split(
                          ','
                        )"
                        :key="item"
                        class="ng-binding ng-scope"
                      >
                        <span v-if="item == 1">
                        普通会员 &nbsp;
                        </span>
                        <span v-if="item == 2">
                        we2000 &nbsp;
                        </span>
                        <span v-if="item == 3">
                        分期会员 &nbsp;
                        </span>
                      </span>
                    </div>
                  </div>
                  <div class="form-group" v-if="activityData.channelId != null">
                    <label class="color333 font16 ml32">渠道入口：</label>
                    <div class="color333">
                      <span
                        v-for="item in (activityData.channelId + '').split(
                          ','
                        )"
                        :key="item"
                        class="ng-binding ng-scope"
                      >
                        <span v-if="item == 1">
                        企业微信 &nbsp;
                        </span>
                        <span v-if="item == 2">
                        xxx &nbsp;
                        </span>
                        <span v-if="item == 2">
                        yyy &nbsp;
                        </span>
                      </span>
                    </div>
                  </div>
                  <div class="form-group">
                    <!--备注-->
                    <label class="color333 font16 ml64">备注：</label>
                    <div class="color333">{{activityData.remark}}</div>
                  </div>
                </div>
              </form>
            </div>
          </el-tab-pane>
          <el-tab-pane label="参与商品">

            <el-tabs type="border-card">
              <el-tab-pane :label="noMutexProductLabel">
                <div>
                  <el-table :data="tableDataData"  row-key="id" default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}" style="width: 100%" class="tableStyle">
                    <!-- <el-table-column type="selection" width="55"></el-table-column> -->
                    <el-table-column prop="mpCode" label="商品编码" width="180"  align="left"></el-table-column>
                    <el-table-column prop="mpName" label="商品名称" width="180"></el-table-column>
                    <el-table-column prop="categoryName" label="商品分类"></el-table-column>
                    <el-table-column prop="stock" label="库存"></el-table-column>
                    <el-table-column prop="storeName" label="所属商户"></el-table-column>
                    <el-table-column prop="storeName" label="商户Code"></el-table-column>
                    <el-table-column prop="salePrice" label="原价（元）"></el-table-column>
                    <el-table-column label="活动库存">
                      <template slot-scope="scope">
                        {{scope.row.stockLimit == null || scope.row.stockLimit == '' ? '-' : scope.row.stockLimit}}
                      </template>
                    </el-table-column>
                    <el-table-column label="个人限购">
                      <template slot-scope="scope">
                        {{scope.row.channelIndividualLimit == null || scope.row.channelIndividualLimit == '' ? '-' : scope.row.channelIndividualLimit}}
                      </template>
                    </el-table-column>
                    
                     <el-table-column label="订单限购">
                      <template slot-scope="scope">
                        {{scope.row.orderLimit == null || scope.row.orderLimit == '' ? '-' : scope.row.orderLimit}}
                      </template>
                    </el-table-column>
                  </el-table>
                  <div class="toolbar t_r" >
                    <el-pagination
                      @size-change="handleSizeChangeMerchantProductTableData"
                      @current-change="handleCurrentChangeMerchantProductTableData"
                      :current-page="merchantProductSearchForm.start"
                      :page-sizes="[10, 20, 30, 40]"
                      :page-size="merchantProductSearchForm.limit"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="merchantProductTableDataTotal"
                    >
                    </el-pagination>
                  </div>
                </div>
              </el-tab-pane>
              <el-tab-pane :label="mutexProductLabel">
                <div>
                  <el-table :data="mutexProductList"  row-key="id" default-expand-all :tree-props="{children: 'children', hasChildren: 'hasChildren'}" style="width: 100%" @selection-change="handleSelectionChange" class="tableStyle">
                    <el-table-column type="selection" width="55"></el-table-column>
                    <el-table-column prop="mpCode" label="商品编码" width="200"  align="left"></el-table-column>
                    <el-table-column prop="mpName" label="商品名称" width="200"></el-table-column>
                    <el-table-column prop="categoryName" label="商品分类" width="200"></el-table-column>
                    <el-table-column prop="stock" label="库存" width="200"></el-table-column>
                    <el-table-column prop="salePrice" label="原价（元）" width="200"></el-table-column>
                    <el-table-column prop="storeName" label="所属商户" width="200"></el-table-column>
                    <el-table-column prop="storeName" label="商户Code"></el-table-column>
                    <el-table-column align="center" fixed="right" label="操作" width="390">
                      <template slot-scope="scope">
                        <el-button @click="getMutexInfo(scope.row)" v-if="scope.row.typeOfProduct==20" type="text" class="textButton" size="small">查看详情</el-button>
                        <!-- <el-button @click="renewAdd(scope.row)" v-if="scope.row.typeOfProduct==10 || scope.row.typeOfProduct==20" type="text" class="textButton" size="small">重新添加</el-button> -->
                      </template>
                    </el-table-column>
                  </el-table>
                  <div class="toolbar t_r" >
                    <el-pagination
                      @size-change="handleSizeChangeMutexProductList"
                      @current-change="handleCurrentChangeMutexProductList"
                      :current-page="mutexProductForm.start"
                      :page-sizes="[10, 20, 30, 40]"
                      :page-size="mutexProductForm.limit"
                      layout="total, sizes, prev, pager, next, jumper"
                      :total="mutexProductTotal"
                    >
                    </el-pagination>
                  </div>
                </div>
              </el-tab-pane>
            </el-tabs>

          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script>
import KtButton from "@/views/Core/KtButton";
import { format } from "@/utils/datetime";
import TableColumnFilterDialog from "@/views/Core/TableColumnFilterDialog";
import { darkmagenta } from "color-name";
import tabPane from "./components/TabPaneCreateGroupon";
import qs from "qs";
import marketRequest from "@/market/request/marketRequest";
import {
  promTypeConverter,
  frontPromTypeConverter,
  channelCodeConverter,
  proPlatformConverter,
  proUserTypeConverter,
  proMemberTypeConverter,
  proMemberLevelConverter,
  mutexProductLinkInfo
} from "@/market/dict/marketDict";

export default {
  name: "Tab",
  components: {
    tabPane,
    KtButton,
    TableColumnFilterDialog
  },
  data() {
    return {
      tableDataData: [],
      adminDataForm: {
        auditRemark: ""
      },
      shenhe: 0,
      size: "small",
      filters: {},
      multipleSelection: [],
      businessList: [],
      shopList: [],
      promotionId: this.$route.params.id,
      activityData: {},
      channelList: [{ childName: "卡奥斯运营中心", id: "179" }],
      verifyDialogFormVisible: false, //审核弹窗
      verifyForm: {},
      verifyFormRules:{
        auditRemark: [
          { required: true, message: "审核意见不能为空", trigger: "blur" }
        ]
      },
      templateForm: {}, //模板model
      status: 1,
      deptType: localStorage.getItem("deptType"), //当前登录用户所属组织类型
      merchantProductTableDataTotal: 0,
      merchantProductSearchForm: {
        promotionId: this.$route.params.id,
        merchantId: null,
        mpCode: null,
        mpName: null,
        categoryName: null,
        start: 1,
        limit: 10
      },
      noMutexProductLabel:"生效商品（0）",
      mutexProductForm:{
        promotionId: this.$route.params.id,
        mutexFlag:1,//互斥标识
        start: 1,
        limit: 10
      },
      mutexProductList:[],
      mutexProductTotal:0,
      mutexProductLabel:"互斥商品（0）",
      mutexPromotionForm:{
        promotionId: this.$route.params.id,
        start:1,
        limit:10,
      },
      mutexPromotionList:[],
      mutexPromotionListTotal:0,
      mutexPromotionVisible:false,

      levelList: [],
    };
  },
  created: function() {
  },
  methods: {
    promotionDetailById() {
      let _this = this;
      let params = { id: this.$route.params.id };
      this.utils.request.promotionDetailById(params, res => {
        if (res.code == "0000") {
          _this.activityData = res.data;
        } 
      });
    },

    //提交审核
    submitReview: function(data) {
      this.$confirm('确定提交审核？', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: "warning",
        closeOnClickModal: false,
      }).then(() => {
        let that = this;
        this.utils.request.reviewPromotion(
          { id: that.promotionId, status: 2 },
          res => {
            if (res.code == "0000") {
              that.activityData.status = 2;
              that.$message({ message: "提交审核成功", type: "success" });
            } else if (res.code == "0001") {
              that.$message({ message: res.msg, type: "error" });
            }
          }
        );
      }).catch(() => {
      });
    },
    //table的双色条纹
    tableRowClassName({ row, rowIndex }) {
      if (rowIndex === 1) {
        return "warning-row";
      } else if (rowIndex === 3) {
        return "success-row";
      }
      return "";
    },
    //审核
    review: function(data) {
      this.verifyDialogFormVisible = true;
      this.verifyForm.id = this.promotionId;
      this.$nextTick(() => {
        this.$refs['verifyForm'].clearValidate();
      });
    },
    //审核
    reviewDialog: function(data) {
      let that = this;
      this.verifyForm.status = data;
      that.utils.request.promotionUpdateStatus(this.verifyForm, res => {
        if (res.code == "0000") {
          that.verifyDialogFormVisible = false;
          that.promotionDetailById();
          that.$message({ message: "审核完成", type: "success" });
        } else {
          that.$message({ message: "审核失败", type: "error" });
        }
      });
    },
    reviewDialogNo: function(data) {
      this.$refs.verifyForm.validate((valid) => {
        if (valid) {
          let that = this;
          this.verifyForm.status = data;
          that.utils.request.promotionUpdateStatus(this.verifyForm, res => {
            if (res.code == "0000") {
              that.verifyDialogFormVisible = false;
              that.promotionDetailById();
              that.status = 0;
              that.$message({ message: "审核完成", type: "success" });
            } else {
              that.$message({ message: "审核失败", type: "error" });
            }
          });
        }
      });
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    revokeProduct() {
      let this_ = this;
      let callback = function(res) {
        if (res.code == "0000") {
          this_.getMerchantProductList();
        } else {
          //alert("修改失败");
        }
      };
      if (this.multipleSelection.length > 0) {
        let ids = this.multipleSelection.map(item => item.id);
        this.utils.request.promotionRevokeProduct({ mpIds: ids }, callback);
      } else {
        this.$message({
          message: "操作失败, 请选择要撤出的商品",
          type: "error"
        });
      }
    },
    createPage() {
      this.$router.push("/CreatePromotion");
    },
    getProPlatform(code) {
      return proPlatformConverter(code);
    },
    getProUserType(code) {
      return proUserTypeConverter(code);
    },
    getFrontPromType(code) {
      //活动类型 22：X元Y件，23: X件付Y件
      if (code == 22) {
        return "X元Y件";
      } else if (code == 23) {
        return "X件付Y件";
      }
    },
    getProMemberType(code) {
      return proMemberTypeConverter(code);
    },
    getProMemberLevel(code) {
      return proMemberLevelConverter(code);
    },
    getMerchantOrStoreList() {
      alert("aaa");
    },
    //查询绑定关系的商家
    mainMerchantFormFind() {
      var this_ = this;
      let params = { promotionId: this.promotionId, merchantType: "1" };
      this.utils.request.promotionMerchantList(params, function(res) {
        if (res.code == "0000") {
          this_.businessList = res.data.list.map((ele, index) => {
            let merchant = {};
            merchant.id = ele.id;
            merchant.merchantName = ele.merchantName;
            merchant.orgNumber = ele.orgNumber;
            merchant.merchantType =
              ele.merchantType == "1" ? "自营商家" : "第三方商户";
            return merchant;
          });
        }
      });
    },
    //查询绑定关系的店铺
    mainStoreTableDataFormFind() {
      let params = { promotionId: this.promotionId, merchantType: "2" };
      var this_ = this;
      this.utils.request.promotionMerchantList(params, function(res) {
        if (res.code == "0000") {
          this_.shopList = res.data.list.map((ele, index) => {
            let store = {};
            store.id = ele.storeId;
            store.storename = ele.storename;
            store.storecode = ele.storecode;
            store.storeType = ele.storeType == "0" ? "自营店铺" : "第三方店铺";
            store.merchantName = ele.merchantName;
            return store;
          });
        }
      });
    },
    handleSizeChangeMerchantProductTableData(val) {
        this.merchantProductSearchForm.limit = val;
        this.merchantProductSearchForm.start = 1;
        this.getMerchantProductList();
    },
    handleCurrentChangeMerchantProductTableData(pageNum) {
        this.merchantProductSearchForm.start = pageNum;
        this.getMerchantProductList();
    },
    /**
     * 查询生效商品
     */
    getMerchantProductList() {
      var this_ = this;
      marketRequest.getProductListV3(this.merchantProductSearchForm, res => {
        if (res.code == "0000") {
          this_.tableDataData = res.data.rows;
          this_.merchantProductTableDataTotal = res.data.total;
          if(res.data.totalCount>9999){
            this_.noMutexProductLabel = "生效商品（9999+）";
          }else{
            this_.noMutexProductLabel = "生效商品（"+res.data.totalCount+"）";
          }
        }else{
          this_.noMutexProductLabel = "生效商品（0）";
        }
      });
    },

    /**
     * 查询互斥商品
     */
    getMutexProductList() {
      var this_ = this;
      marketRequest.getProductListV3(this.mutexProductForm, res => {
        if (res.code == "0000") {
          this_.mutexProductList = res.data.rows;
          this_.mutexProductTotal = res.data.total;
          if(this_.mutexProductTotal>9999){
            this_.mutexProductLabel = "互斥商品（9999+）";
          }else{
            this_.mutexProductLabel = "互斥商品（"+res.data.totalCount+"）";
          }
        }
      });
    },
    /**
     * 每页条数改变触发
     */
    handleSizeChangeMutexProductList(val){
      this.mutexProductForm.limit = val;
      this.mutexProductForm.start = 1;
      this.getMutexProductList();
    },
    /**
     * 换页刷新
     */
    handleCurrentChangeMutexProductList(val){
      this.merchantProductSearchForm.start = val;
      this.getMutexProductList();
    },
    /**
     * 互斥商品查看详情
     */
    getMutexInfo(row){
      let that = this;
      this.mutexPromotionForm.promotionMerchantProductId = row.id;
      this.mutexPromotionForm.start = 1;
      this.mutexPromotionForm.limit = 10;
      this.getPromotionMutexListByProductId();
    },
    getPromotionMutexListByProductId(){
      let that = this;
      this.utils.request.getPromotionMutexListByProductId(this.mutexPromotionForm,res=>{
        if(res.code=='0000'){
            that.mutexPromotionList = res.data.rows;
            that.mutexPromotionListTotal = res.data.total;
            that.mutexPromotionVisible = true;
        }
      });
    },

    /**
     * 每页条数改变触发
     */
    mutexPromotionListSizeChange(val){

      this.mutexPromotionForm.limit = val;
      this.mutexPromotionForm.start = 1;
      this.getPromotionMutexListByProductId();
    },
    /**
     * 换页刷新
     */
    mutexPromotionListCurrentChange(val){

      this.mutexPromotionForm.start = val;
      this.getPromotionMutexListByProductId();
    },

    /**
     * 互斥商品重新添加
     */
    renewAdd(row){

      let that = this;
      let param = {};
      var productIdList = [];
      param.promotionId = row.promotionId;
      param.promotionType = 1;
      if(row.typeOfProduct == '10'){
          //spu
          row.children.forEach(item=>{
            productIdList.push(item.id);
          })
      }else if(row.typeOfProduct == '20'){
        productIdList.push(row.id);
      }
      param.productIdList = productIdList;
      this.utils.request.renewAddMutexProduct(param,res=>{
        if(res.code=='0000'){
          that.getMutexProductList();
          that.getMerchantProductList();
          let data = res.data;
          if(data.businessCode == '0001'){
            that.$message({message: data.businessMsg, type: "success"});
          }else if(data.businessCode == '0002'){
            that.$message({message:data.businessMsg, type: "error"})
          }else if(data.businessCode == '0003'){
            that.$alert(data.businessMsg, '提示', {
              confirmButtonText: '知道了',
              callback: action => {}
            });
          }
        }
      });
    },
    /**
     * 点击活动名称跳转详情
     */
    linkInfoByMutexProduct(promotionId,type){
      if(type == 1){
        this.$router.push({ path: "/SinglePromotionDetail/" + promotionId + "/0"});
        //this.$router.push(`/SinglePromotionDetail?id=${promotionId}&auth=0`);
      }else if(type == 2){
        this.$router.push(`/FullNumPromotionDetailNew?id=${promotionId}&auth=0`);
      }else if(type == 3){
        this.$router.push({ path: "/FullPromotionDetailNew/" + promotionId + "/0"});
        //this.$router.push(`/FullPromotionDetailNew?id=${promotionId}&auth=0`);
      }else if(type == 4){
        this.$router.push(`/SeckillDetail?promotionId=${promotionId}`);
      }else if(type == 5){
        this.$router.push({ path: "/GiftPromotionDetail/" + promotionId + "/0"});
        //this.$router.push(`/GiftPromotionDetail?id=${promotionId}&auth=0`);
      }else if(type == 6){
        this.$router.push({ path: "/ComplexPromotionInfo/" + promotionId});
      }else if(type == 7){
        this.$router.push({ path: "/XofferPromotionDetail/" + promotionId + "/0"});
        //this.$router.push(`/XofferPromotionDetail?id=${promotionId}&auth=0`);
      }else if(type == 8){
        this.$router.push({ path: "/IncreasePromotionDetail/" + promotionId + "/0"});
        //this.$router.push(`/IncreasePromotionDetail?id=${promotionId}&auth=0`);
      }else if(type == 9){
        this.$router.push(`/QueryPresellPromotion?value=${promotionId}&auth=0`);
      }else if(type == 10){
        this.$router.push("/GroupDetailPromotion?id=" + `${promotionId}`);
      }else if(type == 12){
        this.$router.push(`/QueryPromotion?value=${promotionId}&auth=0`);
      }
    },
    //保存模板弹框取消
    cancel(){
      this.templateDialogVisible=false;
      this.$refs.templateDataForm.resetFields();//关闭弹框清空表单值与校验
    }
  },
  mounted() {
    this.promotionDetailById();
    this.getMerchantProductList();
    this.getMutexProductList();
  }
};
</script>

<style scoped lang="scss">
@import '../../../assets/css/public.scss';
.ml32{
  margin-left: 32px !important;
}
.ml64{
  margin-left: 64px !important;
}
.w80{
  width:80px
}
.pdl30{
  padding-left: 30px;
}
.lh25{
  line-height: 25px;
}
.pdl60{
  padding-left: 60px;
}
.w144{
  width: 144px;
}
.oe{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.width100{
  width: 97px;
}
.width120{
  width: 150px;
}
.mr10{
  margin-right: 10px;
}
.mb10{
  margin-bottom: 10px;
}
.ml33{
  margin-left: 33px;
}
.pdl30{
  padding-left: 30px;
}
.pdt20{
  padding-top: 20px;
}
</style>
